@charset "UTF-8";
.fangF { padding: 20px 0 50px; text-align: right; overflow: hidden; clear: both; }
.fangF a, .fangF span { margin: 0 2.9px; font-size:12px; display:inline-block; padding:8px; min-width: 15px; text-align:center; color:#555555;border: 1px solid #e4e4e4;background:#ffffff; }
.fangF a:hover{text-decoration:none;color:#000000;background:#f1f1f1;}
.fangF a.fCurrent { display:inline-block; padding:8px; font-weight: 500; color:#ffffff; background: #f26f21; text-align:center; border: 1px solid #f26f21; }
/*重置样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td { margin:0; padding:0; }
body {	font-size: 14px; color: #333; font-family: '微软雅黑'; background-color: #fff;overflow-x:hidden; min-width:1100px;}
table { border-collapse:collapse; border-spacing:0; }
img{ }
ol,ul {  list-style:none; }
h1,h2,h3,h4,h5,h6 {   font-size:100%; color: #333;  font-weight:normal;  }
a{ text-decoration: none; color: #333; }
a:hover{ color:#eb891a;text-decoration: none;}
input {	vertical-align: middle; }
input,button,textarea,select {outline: none; font-family: '微软雅黑';	font-size: 14px; }

.wrap {	width: 1200px;	margin: 0 auto; overflow: hidden; }
.main { width: 1100px; margin: 0 auto; }
.clear { clear: both; }

.clearfix:after { clear: both; display: block; content: '' }
.clearfix { zoom: 1 }

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bebasneue-webfont.woff2') format('woff2'),
    url('../fonts/bebasneue-webfont.woff') format('woff'),
    url('../fonts/bebasneue-webfont.ttf') format('truetype'),
    url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'intro_regular';
    src: url('../fonts/intro-webfont.eot');
    src: url('../fonts/intro-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/intro-webfont.woff2') format('woff2'),
    url('../fonts/intro-webfont.woff') format('woff'),
    url('../fonts/intro-webfont.ttf') format('truetype'),
    url('../fonts/intro-webfont.svg#intro_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.erweima{    width: 130px;    height: 150px;    position: absolute;    top: -107px;    left: -150px;    background: #FFF;    border: 1px solid #CCC;    float: left;    cursor: default !important;    display:none;    /*overflow: hidden;*/}
.erweima p{    line-height: 20px;    color: #000;    font-size: 12px;    text-align: center;    float: left;    width: 130px;}
.erweima p img{    width: 110px;    height: 110px;    margin: 10px 10px 0px 10px;}
.erweima .arrow3 {    width: 5px;    height: 10px;    display: block;    background:url(../images/czx6.png) no-repeat;    position: absolute;
    right: -5px;    top: 122px;}

/*.header*/
.header { padding-top: 21px; padding-bottom: 21px; background-color: #FFF; position: relative; /*position: fixed; left: 0; top: 0; z-index: 999;*/ min-width:1100px; }
.header .logo { display: block; float: left; width: 360px; }
.header .ad{ width:340px; float:left;  color:#0058b3; font-weight:bold; font-size:22px; padding-top:30px;}
.header .head { width: 460px; float: right; overflow: hidden; }
.header .head .headL { float: left; padding-top:31px; }
.header .head .headL .p1 { font-size: 12px; color: #333; letter-spacing: 1px; }
.header .head .headL .p2 { font-size: 12px; font-family: 'Arial'; color: #999; }
.header .head .tel { float: left; margin-left: 12px; padding-top: 31px; font-size: 30px; color: #f08519; font-family: 'bebas_neueregular'; }
.header .head .formBox { float: left; margin-left: 20px; margin-top: 31px; width: 197px; height: 30px; background: url(../images/search.png) no-repeat center; }
.header .head .formBox .txt { width: 160px; padding-left: 10px; float: left; color: #bebebe; height: 30px; line-height: 30px; background: transparent; border: none; }
.header .head .formBox .btn { width: 27px; height: 30px; line-height: 30px; background: transparent; border: none; cursor: pointer; }
.header .head .language { float: left; display: block; margin-top: 31px; margin-left:8px; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #FFF; font-family: 'Arial'; background: url(../images/index_02.png) no-repeat center; }
.header .head .language:hover { background: url(../images/index_02_hover.png) no-repeat center; }

/*导航nav*/
.navBox { width: 100%; height:55px; position: relative; /*position: fixed; left: 0; top: 100px; z-index: 198;*/ }
.navBox .nav { width: 100%; height: 55px; background-color: #0058b3; }
.navBox .nav ul li { float: left; height: 55px; line-height: 55px; padding-right: 2px; background: url(../images/index_01.jpg) no-repeat right center; }
.navBox .nav ul li.last { padding-right: 0; background: none; }
.navBox .nav ul li a { display: block; padding: 0 45px; font-size: 16px; color:#FFF; }
.navBox .nav ul li.hover a,.navBox .nav ul li:hover a,.nav ul li.active a { background-color: #f08519; }

/***手机导航****/
.wdsj{ display:none; height:auto; position:fixed; top:0px; z-index:99999; background:rgba(235,137,26,1); width:100%; padding:3% 0;}
.wdsj .logo{ width:35%; float:left; margin-left:3%;}
.header_er{ display:none;}
.menu{position:relative;}
.sub_menu{ display:none;}
.openclose{ display: block; position:absolute; width: 60px; height: 60px;background:url(../images/pic18.png) no-repeat center;}
.sub_menu{ display: none; position:absolute; top:25%; width:100% !important; z-index:100; position: fixed; left:0;}
.sub_menu .bg{ background:rgba(0,0,0,.9); z-index:99999;}
.sub_menu ul{}
.sub_menu li{ line-height: 50px; border-bottom: 1px solid #131313;text-transform:uppercase; text-indent:50px;}
.sub_menu li a{display:block; padding-left:2%; font-size:130%; color:#fff;}
.sub_menu li a:hover{ color: #00a2e3; display:block; text-decoration:none; padding-left:2%;}

.flexslider{ position:relative; display:none; margin-top:10%;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}

.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:10px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:10px; height:10px; display: block; background: #666;  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #F60; }
.flex-control-paging li a.flex-active { background: #F60; cursor:default; }

/****************banner****************/
.main_image {width:100%; height:530px; overflow:hidden; margin:0 auto; position:relative;}
.main_image ul {width:9999px; height:530px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:530px;}
.main_image li span {display:block; width:100%; height:530px;}
.main_image li a {display:block; width:100%; height:530px;}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:500px; left:48%; z-index:2; width:300px; height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:3;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

/*第一部分内容*/
.section1 { padding-top:10px; padding-bottom:50px; background-color: #FFF; }
.section1 .titleBox {width: 1100px; margin: 0 auto; padding-top: 22px; background: url(../images/index_03.png) no-repeat center top; margin-bottom: 40px; }
.section1 .titleBox h2 { text-align: center; color: #0058b3; font-size: 30px; line-height: 50px; font-weight: bold; }
.section1 .titleBox .onlineBox { width: 1100px; overflow: hidden; }
.section1 .titleBox .onlineBox .online { float: left; width: 462px; height: 1px; background-color: #eee; }
.section1 .titleBox .onlineBox p { float: left; width: 176px; text-align: center; font-weight: bold; font-size: 12px; color: #ccc; font-family: 'Arial'; }

.sec1L { float: left; width: 526px; height: 495px; /*overflow: hidden;*/ }
.sec1L a { display: block; width: 325px; height: 87px; margin-left: -526px; padding: 15px 45px 15px 156px; margin-bottom: 48px; opacity:0;filter:alpha(opacity=0); }
.sec1L a.one { background: url(../images/index_04.png) no-repeat left center; }
.sec1L a.one:hover { background: url(../images/index_04_hover.png) no-repeat left center; }
.sec1L a.two { background: url(../images/index_06.png) no-repeat left center; }
.sec1L a.two:hover { background: url(../images/index_06_hover.png) no-repeat left center; }
.sec1L a.three { background: url(../images/index_07.png) no-repeat left center; }
.sec1L a.three:hover { background: url(../images/index_07_hover.png) no-repeat left center; }
.sec1L a h3 { font-size: 16px; color: #333; font-weight: bold; }
.sec1L a span { color: #0058b3; }
.sec1L .para { margin-top: 10px; }
.sec1L .para p { color: #999; line-height: 18px; }

.sec1R { float: right; width: 548px; margin-right: -548px; /*opacity: 0.5; filter: alpha(opacity=50);*/ }
.sec1R .sec1Img { width: 548px; height: 316px; position: relative; }
.sec1R .sec1Img img { width: 548px; height: 316px; }
.sec1R .sec1Img h4 { width: 92px; height: 92px; background-color: #f08519; font-size: 32px; color: #FFF; font-weight: bold; text-align: center; position: absolute; left: 0; top: 0; }
.sec1R .para { padding: 30px 20px 0; }
.sec1R .para p { color: #333; line-height: 21px; margin-bottom: 20px; }
.sec1R .para a { color: #ccc; }
.sec1R .para a:hover { color: #333; }

/*第二部分内容*/
.section2 { width: 100%; padding-top: 74px; padding-bottom: 60px; background: #f2f2f2 url(../images/sec2bg.jpg) repeat-x left top; }
.section2 .titleBox {width: 1100px; margin: 0 auto; padding-top: 18px; background: url(../images/indexico.png) no-repeat center top; margin-bottom: 40px; }
.section2 .titleBox h2 { text-align: center; color: #fff; font-size: 30px; line-height: 50px; font-weight: bold; }
.section2 .titleBox .onlineBox { width: 1100px; overflow: hidden; }
.section2 .titleBox .onlineBox .online { float: left; width: 462px; height: 1px; background-color: #434343; }
.section2 .titleBox .onlineBox p { float: left; width: 176px; text-align: center; font-weight: bold; font-size: 12px; color: #fff; font-family: 'Arial'; }

.sec2Main { width: 1100px; height:422px; margin: 0 auto; overflow: hidden; }
.sec2Main .item { float: left; display: block; width: 260px; height: 402px; margin-right: 20px; margin-left: 1100px; }
.sec2Main .item .img,.sec2Main .item .img img { width: 260px; height: 287px; }
.sec2Main .item .sec2Bottom { width: 220px; height:86px; padding: 15px 20px; background-color: #fff;
    -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.sec2Main .item .sec2Bottom h3 { color: #0058b3; line-height: 24px; font-size: 16px; }
.sec2Main .item .sec2Bottom p { color: #999; line-height: 16px; font-size: 12px; margin-top: 8px; }
.sec2Main .item:hover .sec2Bottom { background-color: #e18520; }
.sec2Main .item:hover .sec2Bottom p { color: #ccc; }
.sec2Main .item.r { margin-right: 0; background-color: #f08519; position: relative; }
.sec2Main .item.r h4 { font-size: 24px; color: #FFF; text-align: center; font-weight: bold; line-height: 40px; padding-top: 20px; }
.sec2Main .item.r p { font-size: 12px; font-weight: bold; text-align: center; font-family: 'Arial';  color: #f5caa8; }
.sec2Main .item.r ul { width:218px; margin: 20px auto 0 auto; }
.sec2Main .item.r ul li { width: 199px; height: 32px; margin-bottom: 15px; margin-left:6px;  border-radius:100px; border:1px #fff solid; text-align: center;}
.sec2Main .item.r ul li a { display: block; width: 199px; height: 32px; text-align: center; line-height: 32px; color: #FFF; }
.sec2Main .item.r ul li a:hover {color: #000; background:#fff; border-radius:100px; }
.sec2Main .item.r .prodMore { display: block; width: 70px; height: 40px; text-align: center; font-size: 12px; line-height: 40px; color: #FFF; background-color: #333; position: absolute; left: 95px; bottom: 0; }
.sec2Main .item.r .prodMore:hover { background-color: #000; }
.section2 .caseMore { display: block; width: 165px; height: 36px; margin: 40px auto 0; line-height: 36px; text-align: center; color: #787878; background: url(../images/index_13.png) no-repeat center; }
.section2 .caseMore:hover { color: #e18520; }
.tjpro{ width:100%; }
.tjpro ul{ margin-right:-20px; }
.tjpro li{ width:258px; height:330px; float:left; margin-right:20px; border:1px #ddd solid; background:#fff;}
.tjpro li .pic{ overflow:hidden; height:auto;}
.tjpro li img{ width:258px; height:285xp;transition:all 0.7s; height:auto;}
.tjpro li p{ line-height:43px; text-align:center;}
.tjpro li:hover img{ transform:scale(1.2);}

/*第四部分*/
.section4 { width: 100%; background-color: #FFF; padding-bottom: 80px; }
.section4 .titleBox { width: 1100px; margin: 0 auto; padding-top: 22px; background: url(../images/index_18.png) no-repeat center top; margin-bottom: 40px; }
.section4 .titleBox h2 { text-align: center; color: #333; font-size: 30px; line-height: 50px; font-weight: bold; }
.section4 .titleBox .onlineBox { width: 1100px; overflow: hidden; }
.section4 .titleBox .onlineBox .online { float: left; width: 462px; height: 1px; background-color: #eee; }
.section4 .titleBox .onlineBox p { float: left; width: 176px; text-align: center; font-weight: bold; font-size: 12px; color: #ccc; font-family: 'Arial'; }

.sec4Main { margin: 40px auto 0; width: 1100px;overflow: hidden; }
.sec4Main ul { width: 1100px; height:505px; overflow: hidden; }
.sec4Main ul li { display: block; float: left; border: 1px solid #e5e5e5; padding: 30px 28px 80px; width: 294px; margin-right: 22px; min-height: 374px; position: relative; }
.sec4Main ul li.r { margin-right: 0; }
.sec4Main ul li h3 { font-size: 21px; color: #333; font-weight: bold; line-height: 24px; }
.sec4Main ul li h3 span { color: #0058b3; }
.sec4Main ul li h4 { font-size: 12px; color: #ccc; line-height: 24px; font-weight: bold; font-family: 'Arial'; }

.sec4Main ul li .img { margin-top: 25px; width: 294px; height: 142px; overflow: hidden; }
.sec4Main ul li .img img { width: 294px; height: 142px; }
.sec4Main ul li .para { margin-top: 15px; }
.sec4Main ul li .para p { color: #333; padding-left: 20px; background: url(../images/index_23.jpg) no-repeat left center; line-height: 27px; }
.sec4Main ul li .para p a { color: #333; }
.sec4Main ul li .para p a:hover { color: #eb891a; }
.sec4More { display: block; width: 70px; height: 40px; font-style: normal; text-align: center; line-height: 40px; color: #FFF; background-color: #01a863; position: absolute; left: 28px; bottom: 0;
    -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.sec4More:hover { background-color: #eb891a; color:#fff; }
.join_in {  padding: 100px 0;background: url(../images/033.jpg) center top repeat;text-align: center;}
.join_in h2{ font-size:36px; color:#fff;}
.join_in span { color: #02c977;}
.join_in h3{ color:#fff; font-size:16px; padding:1% 0 2% 0;}
.all_button {
	display: inline-block;
	background: #02c977;
	border: solid 1px #02c977;
	color: #fff;
	padding: 6px 30px;
	border-radius: 3px;
	overflow: hidden;
}
.all_button:hover {
	background: #fff;
	background: transparent;
	color: #02c977;
}
.join_in .moreww{ margin:3% 0 0 0;}
.join_in .moreww a{ padding:0.5% 2%; border:1px #999 solid; margin:0 1%; color:#fff;}
.join_in .moreww a:hover{ border:1px #02c977 solid;color:#02c977;}

/*footer*/
.footer { width: 100%; padding-top:60px; padding-bottom: 30px; background-color: #fff; height:auto; overflow:hidden; }
.footer .footDl { width: 1100px;overflow: hidden; padding-bottom: 50px; }
.footer .footDl dl { float: left; width: 90px; margin-right: 20px; }
.footer .footDl dl.w { width:300px; }
.footer .footDl dl.w dd{ width:100%; float:left; }
.footer .footDl dl dt { margin-bottom:22px; font-size:16px; }
.footer .footDl dl dt a { color: #333; }
.footer .footDl dl dd { line-height: 22px; }
.footer .footDl dl dd a { color: #777; }
.footer .footDl dl dd a:hover { color: #333; }
.footer .footDl dl.last { width: 204px; margin-right: 0; }
.footer .footDl dl.last dt { overflow: hidden; }
.footer .footDl dl.last dt .img { float: left; width: 110px; margin-left: 12px; }
.footer .footDl dl.last dt .img p { text-align: center; color: #999; line-height: 30px; font-size:12px; }

.footer .friendLink { width: 1100px; }
.footer .friendLink .f_title { width: 1100px; height: 32px; background: url(../images/footer_01.jpg) repeat-x center; }
.footer .friendLink .f_title a { float: left; display: block; color: #FFF; text-align: center; line-height: 30px; font-weight: bold; margin-right: 10px; width: 80px; height: 32px; background: url(../images/footer_03.png) no-repeat; }
.footer .friendLink .f_title a.active { background: url(../images/footer_02.png) no-repeat; color: #eb891a; }
.footer .friendLink .f_main { margin-top: 20px; overflow: hidden; display: none; }
.footer .friendLink .f_main li { float: left; margin-bottom: 10px; margin-right: 25px; }
.footer .friendLink .f_main li a { color: #ffe0bc; font-size: 12px; }
.footer .friendLink .f_main li a:hover { color: #fff; }
/*copyBox*/
.copyBox { width: 100%; height: auto; overflow:auto; padding:1% 0; border-top:1px #e5e5e5 solid; }
.copyBox p { color: #999; float: left;  }
.copyBox span{ color:#02c977; font-weight:bold;}
.copyBox .link { float: right; }
.copyBox .link a { margin-left: 15px; color: #999; }
.copyBox .link a:hover { color: #ccc; }

.telcall{ display:none; width:100%; float:left;text-align:center; margin:5% 0 10% 0;}
.procent{ display:none; width:100%; float:left;text-align:center; margin:5% 0 10% 0;}
/**内页css**/
.nybanner {position: relative; width: 100%; margin: 0 auto; height:auto; overflow:hidden;}
.nybanner img{margin: 0 auto;display: block;max-width: 100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.nybanner img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}


/*************分页css*************/
.cuspages{ width:90%; height:auto; overflow:hidden; margin:50px auto;}
.pages {overflow: hidden;zoom: 1;font-size: 12px;float: right;clear:both;}
.pages span, .pages a {float: left;width: 34px;height: 34px;border: #e2e2e2 1px solid;font-size:12px;text-align: center;line-height: 34px;margin-right: 5px;}
.pages .disabled { color: #ccc; }
.pages .current {background-color: #f26f21;border: #f26f21 1px solid;color: #fff;}

.nybg{ background:#eaeaea; padding:3% 0; height:auto; overflow:hidden;}

.nyleft{ width:23%; height:auto; overflow:hidden; float:left;}
.nyleft .bt{ background:url(../images/inner-title.jpg) no-repeat left top; height:90px; line-height:90px; font-size:32px; color:#fff; padding-left:20px; font-weight:bold;}
.nyleft ul{}
.nyleft ul li{ line-height:20px; border-bottom:1px #eaeaea solid; background:#fff; padding:22px 20px; display:block;}
.nyleft ul li a{ display:block; font-size:15px;}
.nyleft ul li p{font-weight:bold;}
.nyleft ul li p .ctl{  font-weight:bold;background:#fff url(../images/inner-list-icon.png) no-repeat 88% center;}
.nyleft ul li p a.ctl {color:#F90;}
.nyleft ul li ul li{ line-height:20px !important; border-bottom:1px #eaeaea solid; background:#fff; padding:12px 20px; display:block;}
.nyleft ul li ul li:last-child{ border:0;}
.nyleft ul li ul li a{ color:#999;}
.nyleft ul li ul li a:hover{color:#F90;}

.nyleft ul li:hover{ background:#fff url(../images/inner-list-icon.png) no-repeat 88% center; display:block;}
.nyleft .dwsst{ width:100%; height:auto; overflow:hidden; margin-top:20px; background:#fff;}
.nyleft .dwsst h2{ color:#FF9900; font-size:18px; line-height:50px; padding:0 20px;}
.nyleft .dwsst p{ line-height:28px; padding:0 20px 20px 20px;}

.nyright{ width:75%; height:auto; overflow:hidden; float:right; background:#fff; padding-bottom:30px;}
.bread-nav-content{padding: 0 30px; height:auto; overflow:hidden;border-bottom: 1px solid #d0d0d0;}
.ir-title {float: left;font-size: 18px;color: #464646;margin-top: 32px;padding-bottom: 12px;}
.bread-nav{float: right;margin-top: 34px;padding-bottom: 12px;}
.bread-nav a{font-size: 12px;color: #b3aeae;line-height: 20px;}
.bread-nav span{float: left;font-size: 12px;color: #b3aeae;line-height: 20px;margin: 0 4px;}
.bread-nav-house{background: url("../images/house.png") no-repeat left center;padding-left: 22px;}
.bread-nav .position{ text-align:left;color: #b3aeae;}
.about-content{padding: 30px;line-height: 34px;}

.about-content p{ padding-bottom:2em;}
.about-content img{ display:block; clear:both; margin:2% auto; max-width:100%;}

.honor{ padding:30px; height:auto; overflow:hidden;}
.honor ul{margin-right:-5%;}
.honor ul li{ width:20%; margin-right:5%; float:left;}
.honor ul li img{ max-width:100%; border:1px #ddd solid;}
.honor ul li p{ line-height:40px ; text-align:center;}

.pro{ padding:30px; height:auto; overflow:hidden;}
.pro ul{margin-right:-3%;}
.pro ul li{ width:30.333%; margin-right:3%; float:left;}
.pro ul li img{ max-width:100%; border:1px #ddd solid;}
.pro ul li p{ line-height:40px ; text-align:center;}



.join-content{ padding: 30px;}
.join-heading{
    background-color: #f5f5f5;
}
.join-list1s{
    float: left;
    width: 80%;
}
.join-list1{
    float: left;
    width: 36%;
}
.join-list2{
    float: left;
    width: 20%;
    text-align: center;
}
.join-list3{
    float: left;
    width: 17%;
    text-align: center;
}
.join-list4{
    float: left;
    width: 17%;
    text-align: center;
}
.join-list5{
    float: left;
    width: 10%;
    text-align: center;
}
.join-heading-p{
    font-size: 15px;
    color: #888888;
    line-height: 40px;
    padding: 0 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.join-bc{
    padding-bottom: 0px;
}
.join-box-title{
    cursor: pointer;
    border-bottom: 1px solid #e1e1e1;
}
.jb-title-p1{
    font-size: 16px;
    color: #005eb8;
    padding: 0 14px;
    line-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jb-title-p2{
    font-size: 14px;
    color: #4b4b4b;
    padding: 0 14px;
    line-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jb-title-arrow{
    height: 54px;
    background: url("../images/jb-arrow.png") no-repeat center center;
    transition: all 0.5s ease;
}
.join-box.on .jb-title-arrow{
    transform: rotate(90deg);
}
.join-box-detail{
    display: none;
}
.jb-detail-p{
    font-size: 13px;
    line-height: 26px;
    color: #767676;
    padding: 18px 15px;
    border-bottom: 1px solid #e1e1e1;
}
.newsboxxx{ padding:30px; height:auto; overflow:hidden;}
.newsboxxx li{ border-bottom:1px #ddd dashed; line-height:45px;}
.newsboxxx li span{ float:right; color:#999; font-size:12px;}
.newsboxxx li a{ color:#0058b3; font-size:16px;}
.newsboxxx li a:hover{ color:#f08519;}
.news-detail-content{ padding:30px;}
.nd-title{
    text-align: center;
    padding: 0 10px 20px;
}
.nd-title h4{
    font-size: 22px;
    line-height: 30px;
    font-weight: normal;
}
.nd-title p{
    color: #848484;
    margin-top: 16px;
}
.nd-pn{
    border: 1px solid #c9c9c9;
    margin-top: 10px; margin:0 4%;
}
.nd-pn-prev{
    float: left;
    width: 42%;
    padding: 0 3%;
    line-height: 46px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nd-pn-next{
    float: right;
    width: 42%;
    padding: 0 3%;
    line-height: 46px;
    font-size: 14px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nd-pn-prev a{
    color: #7c7c7c;
}
.nd-pn-next a{
    color: #7c7c7c;
}
.nd-share{
    margin-top: 10px;
}
.about-p{
    font-size: 16px;
    color: #504e4e;
    line-height: 34px;
    padding-bottom: 30px;
}
.about-p img{ display:block; margin:auto; clear:both; max-width:100%;}
.about-p p{ text-indent:2em; padding-bottom:2em;}

input{ border:1px #ddd solid;}
.wbkks{ width:97%; line-height:45px; margin-bottom:3%; padding-left:20px;}
.wbkk{ width:94.5%;border:1px #ddd solid; padding:20px;height:160px;}
.bnt{ background:#f08519; border:0; width:110px; margin:3% auto; display:block; padding:10px 0; color:#fff; font-size:16px;  }